<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/.css" />
  </head>
  <body>
    <button onclick="topFunction()" id="myBtn" title="回顶部">返回顶部</button>
    <header>
      <div id="banxin1">
        <img id="shouji" src="images/images/关于我们_03.jpg" alt="" />
        <a href="" style="color: darkgray">手机版</a>
        <a href="" style="margin-left: 15px; color: darkgray">Q币充值</a>
        <span style="margin-left: 644px; line-height: 25px; color: darkgray"
          >您还未,</span
        >
        <a href="注册页.html">注册</a>
        <a href="" style="margin-left: 5px; color: darkgray">我的订单</a>
        <a href="" style="margin-left: 5px; color: darkgray">个人中心</a>
        <a href="" style="margin-left: 5px; color: darkgray">帮助中心</a>
        <span class="xS" style="margin-left: 15px; color: darkgray">游戏导航</span>
      </div>
    </header>
    <nav>
      <div id="banxin2">
        <img src="images/images/道具城_03.jpg" alt="" />
        <input id="sOusuo" type="text" value="输入道具进行搜索" />
        <img id="fJ" src="images/images/fJ_03.jpg" alt="" />
        <img id="cF" src="images/logo.png" alt="" />
      </div>
    </nav>
    <div id="nav1">
      <div id="banxin3">
        <ul id="hAng">
          <a href=""><li>首页</li></a>
          <a href="商品列表.html"><li>商品列表</li></a>
          <a href=""><li>周边商城</li></a>
          <a href=""><li>活动专区</li></a>
          <a href=""><li>聚豆乐园</li></a>
          <a href=""><li>会员聚乐部</li></a>
          <a href=""><li>个人中心</li></a>
          <a href="购物车.html"><li>购物车&nbsp;&nbsp;(0)</li></a>
        </ul>
      </div>
    </div>
    <div id="nav2">
      <div id="banxin4">
        <ul id="qB">
          <a href=""><li>全部道具</li></a>
          <a href=""><li>英雄级武器</li></a>
          <a href=""><li>投掷武器</li></a>
          <a href=""><li>功能性道具</li></a>
          <a href=""><li>道具</li></a>
          <a href=""><li>主武器</li></a>
          <a href=""><li>近战武器</li></a>
          <a href=""><li>副武器</li></a>
          <a href=""><li>礼包</li></a>
          <a href=""><li>角色</li></a>
        </ul>
      </div>
    </div>
    <div id="bAnner">
      <div id="banxin5">
        <div id="zuo">
          <div id="qE">
            <img
              style="
                height: 46px;
                width: 46px;
                border-radius: 50%;
                position: relative;
                top: 15px;
                left: 22px;
              "
              src="images/qE.gif"
              alt=""
            />
            <p id="nH">您还未登录哦,</p>
            <a id="qK" href="登录页.html">立即登录</a><br />
            <p id="gT">购买超值商品!</p>
          </div>
          <div class="sM">
            <div class="iNg">当前未绑定角色</div>
            <a id="bD" href="">立即绑定></a>
          </div>
          <ul class="mY">
            <li>
              <a>
                <img
                  style="
                    margin-left: 15px;
                    width: 19px;
                    height: 16px;
                    margin-right: 12px;
                  "
                  src="images/images/start_03.jpg"
                  alt=""
                />我的收藏</a
              >
            </li>
            <li>
              <a>
                <img
                  style="
                    margin-left: 15px;
                    width: 19px;
                    height: 16px;
                    margin-right: 12px;
                  "
                  src="images/images/11_03.jpg"
                  alt=""
                />我的优惠券</a
              >
            </li>
            <li>
              <a>
                <img
                  style="
                    margin-left: 15px;
                    width: 19px;
                    height: 16px;
                    margin-right: 12px;
                  "
                  src="images/images/money_03.jpg"
                  alt=""
                />查询Q币Q点余额</a
              >
            </li>
          </ul>
          <div class="gG">
            <div class="fenkai">
              <h5>公告</h5>
              <a class="gd" href=""><div>更多</div></a>
            </div>
            <ul class="ten">
              <li>
                <a href="">10.26日CF游戏无法购买和到&nbsp;&nbsp;&nbsp;10/25</a>
              </li>
              <li>
                <a href="">&nbsp;【CF】英雄级武器限时限量一&nbsp;&nbsp;09/17</a>
              </li>
              <li><a href="">9月17日购买100%返现,买完&nbsp;&nbsp;09/16</a></li>
            </ul>
          </div>
        </div>
        <div id="zhong">
          <div id="box">
            <div id="imgBox">
              <img src="images/图4.jpg" />
              <img src="images/图2.jpg" />
              <img src="images/图3.jpg" />
              <img src="images/图1.jpg" />
            </div>
            <ul id="doudouBox">
              <li>传说之路</li>
              <li>CFS电竞基金</li>
              <li>全新特殊动效武器</li>
              <li>CF画册，绝密档案</li>
            </ul>
          </div>
        </div>
        <div id="you">
          <div class="jF">
            <img src="images/images/火花_03.jpg" alt="" class="huohua" />
            <div class="sC">积分商城</div>
          </div>
          <div class="jD">
            <img src="images/images/蛋糕_03.jpg" alt="" class="dangao" />
            <div class="Sc">聚豆商城</div>
          </div>
          <div class="mA">
            <img src="images/codein.png" alt="" class="cC" />
            <p class="sS">扫一扫&nbsp;有惊喜</p>
          </div>
        </div>
      </div>
    
    <section id="nEws">
      <div id="banxin6">
        <div class="rT">
          <div class="rttop">
            <div class="mJ">热门道具</div>
            <div class="jK">特价折扣</div>
            <a class="sJ" href="">更多></a>
          </div>
          <div class="rtbottom">
              <div class="rmdj">  
               <ul>  

                  <!-- <img src="images/千变.jpg" alt="" class="one" />
                  <strong class="St1">M4A1-千变(永久)</strong>
                  <div class="div1">
                    Q币价：
                    <span>888.00&nbsp;Q币</span>
                  </div>
                  <div class="div2">
                    微信价：
                    <span>￥861.36</span>
                  </div>
                  <a class="a1" href="">立即购买</a>
                </li> 

                 <li>
                  <img src="images/麒麟刺.jpg" alt="" class="two" />
                  <strong class="St3">麒麟刺(永久)</strong>
                  <div class="div3">
                    Q币价：
                    <span>498.00&nbsp;Q币</span>
                  </div>
                  <div class="div4">
                    微信价：
                    <span>￥483.06</span>
                  </div>
                  <a class="a2" href="">立即购买</a>
                </li>

                <li>
                  <img src="images/骑士.jpg" alt="" class="three" />
                  <strong class="St4">9A91-蓝色骑士(永久)</strong>
                  <div class="div5">
                    Q币价：
                    <span>100.00&nbsp;Q币</span>
                  </div>
                  <div class="div6">
                    微信价：
                    <span>￥97.00</span>
                    <a class="a3" href="">立即购买</a>
                  </div>
                </li>
                <li>
                  <img src="images/手雷包.jpg" alt="" class="four" />
                  <strong class="St5">手雷包(30天)</strong>
                  <div class="div7">
                    Q币价：
                    <span>28.50&nbsp;Q币</span>
                  </div>
                  <div class="div8">
                    微信价：
                    <span>￥27.64</span>
                    <a class="a4" href="">立即购买</a>
                  </div>
                </li> --> 
               </ul>   
             </div>  
            <div class="tjzk">
              <ul>
                <li>
                  <img src="images/变异.jpg" alt=""class="fIv">
                  <strong class="St6">生化变异强化包(永久)</strong>
                  <div class="div9">
                    Q币价：
                    <span>199.00&nbsp;Q币</span>
                  </div>
                  <div class="div10">
                    微信价：
                    <span>￥193.03</span>
                    <a class="a5" href="">立即购买</a>
                  </div>
                </li>
                <li>
                  <img src="images/工具钳.jpg" alt=""class="sIx">
                  <strong class="St6">生化变异强化包(永久)</strong>
                  <div class="div9">
                    Q币价：
                    <span>199.00&nbsp;Q币</span>
                  </div>
                  <div class="div10">
                    微信价：
                    <span>￥193.03</span>
                    <a class="a5" href="">立即购买</a>
                  </div>
                </li>
                <li>
                  <img src="images/jia.jpg" alt=""class="sEv">
                  <strong class="St6">生化变异强化包(永久)</strong>
                  <div class="div9">
                    Q币价：
                    <span>199.00&nbsp;Q币</span>
                  </div>
                  <div class="div10">
                    微信价：
                    <span>￥193.03</span>
                    <a class="a5" href="">立即购买</a>
                  </div>
                </li>
              </ul>
            </div>
          </div>
       
        </div>
        <img
          src="images/美少女战士.jpg"
          alt=""
          style="display: block; width: 228px; height: 339px"
        />
      </div>
      <div id="banxin7">
        <div class="gN">
          <div class="rttop">
            <div class="mJ">功能道具</div>
            <div class="jK">道具礼包</div>
            <a class="sJ" href="">更多></a>
          </div>
          <div class="rtbottom">
            <div class="rmdj">
              <ul>
                 <li>
                  <img src="images/千变.jpg" alt="" class="one" />
                  <strong class="St1">M4A1-千变(永久)</strong>
                  <div class="div1">
                    Q币价：
                    <span>888.00&nbsp;Q币</span>
                  </div>
                  <div class="div2">
                    微信价：
                    <span>￥861.36</span>
                  </div>
                  <a class="a1" href="">立即购买</a>
                </li> 
                <li>
                  <img src="images/麒麟刺.jpg" alt="" class="two" />
                  <strong class="St3">麒麟刺(永久)</strong>
                  <div class="div3">
                    Q币价：
                    <span>498.00&nbsp;Q币</span>
                  </div>
                  <div class="div4">
                    微信价：
                    <span>￥483.06</span>
                  </div>
                  <a class="a2" href="">立即购买</a>
                </li>
                <li>
                  <img src="images/骑士.jpg" alt="" class="three" />
                  <strong class="St4">9A91-蓝色骑士(永久)</strong>
                  <div class="div5">
                    Q币价：
                    <span>100.00&nbsp;Q币</span>
                  </div>
                  <div class="div6">
                    微信价：
                    <span>￥97.00</span>
                    <a class="a3" href="">立即购买</a>
                  </div>
                </li>
                <li>
                  <img src="images/手雷包.jpg" alt="" class="four" />
                  <strong class="St5">手雷包(30天)</strong>
                  <div class="div7">
                    Q币价：
                    <span>28.50&nbsp;Q币</span>
                  </div>
                  <div class="div8">
                    微信价：
                    <span>￥27.64</span>
                    <a class="a4" href="">立即购买</a>
                  </div>
                </li>
              </ul> 
            
            
            
            </div>
            <div class="tjzk">
              <ul>
                <li>
                  <img src="images/变异.jpg" alt=""class="fIv">
                  <strong class="St6">生化变异强化包(永久)</strong>
                  <div class="div9">
                    Q币价：
                    <span>199.00&nbsp;Q币</span>
                  </div>
                  <div class="div10">
                    微信价：
                    <span>￥193.03</span>
                    <a class="a5" href="">立即购买</a>
                  </div>
                </li>
                <li>
                  <img src="images/工具钳.jpg" alt=""class="sIx">
                  <strong class="St6">生化变异强化包(永久)</strong>
                  <div class="div9">
                    Q币价：
                    <span>199.00&nbsp;Q币</span>
                  </div>
                  <div class="div10">
                    微信价：
                    <span>￥193.03</span>
                    <a class="a5" href="">立即购买</a>
                  </div>
                </li>
                <li>
                  <img src="images/jia.jpg" alt=""class="sEv">
                  <strong class="St6">生化变异强化包(永久)</strong>
                  <div class="div9">
                    Q币价：
                    <span>199.00&nbsp;Q币</span>
                  </div>
                  <div class="div10">
                    微信价：
                    <span>￥193.03</span>
                    <a class="a5" href="">立即购买</a>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="yY">
          <h3>热门排行</h3>
          <ul>
            <li>
              <img src="images/images/01_03.jpg" alt="" class="c01" >
              <img src="images/esc.jpg" alt=""  class="i01">
              <p class="p1">清除中途退场记录</p>
              <p class="p2">Q币价：&nbsp;5.00Q币</p>
              <p class="p3">微信价:￥4.85</p>
            </li>
            <li>
              <img src="images/images/02_03.jpg" alt="" class="c01" >
              <img src="images/胜负.jpg" alt=""  class="i01">
              <p class="p1">清除战绩胜负记录</p>
              <p class="p2">Q币价：&nbsp;10.00Q币</p>
              <p class="p3">微信价:￥9.70</p>
            </li>
            <li> <img src="images/images/03_03.jpg" alt="" class="c01" >
              <img src="images/烈龙.jpg" alt=""  class="i01">
              <p class="p1">汤姆逊-烈龙(永久)</p>
              <p class="p2">Q币价：&nbsp;488.00Q币</p>
              <p class="p3">微信价:￥473.36</p></li>
            <li> <img src="images/images/04_03.jpg" alt="" class="c01" >
              <img src="images/昵称.jpg" alt=""  class="i01">
              <p class="p1">彩色昵称(30天)</p>
              <p class="p2">Q币价：&nbsp;10.00Q币</p>
              <p class="p3">微信价:￥9.70</p></li>
            <li> <img src="images/images/05_03.jpg" alt="" class="c01" >
              <img src="images/战队.jpg" alt=""  class="i01">
              <p class="p1">战队徽章显示道具</p>
              <p class="p2">Q币价：&nbsp;5.00Q币</p>
              <p class="p3">微信价:￥4.85</p></li>
            <li> <img src="images/images/06_03.jpg" alt="" class="c01" >
              <img src="images/胜负.jpg" alt=""  class="i01">
              <p class="p1">4号背包(30天)</p>
              <p class="p2">Q币价：&nbsp;5.00Q币</p>
              <p class="p3">微信价:￥4.85</p></li>
            <li> <img src="images/images/07_03.jpg" alt="" class="c01" >
              <img src="images/清零.jpg" alt=""  class="i01">
              <p class="p1">清除杀敌/死亡记录</p>
              <p class="p2">Q币价：&nbsp;15.00Q币</p>
              <p class="p3">微信价:￥14.55</p></li>
          </ul>
        </div>
        <div class="zB">
          <div class="liangce">
            <h5>周边商城</h5>
            <a href="">更多</a>
          </div>
          <div class="sizhang">
           <a href=""> <img src="images/雷神.jpg" alt=""></a>
            <a href=""><img src="images/书包.jpg" alt=""></a>
            <a href=""><img src="images/数据线1.jpg" alt=""></a>
           <a href=""> <img src="images/手办.jpg" alt=""></a>
          </div>
          <div class="sige">
          <p>
            <span class="sl">M4A1-雷神 英雄级手办模型</span>
            <span class="price">￥298.00</span>
        </p>
          <p>
          <span class="sl">CF如锋双肩包</span><br>
          <span class="price">￥139.00</span>
        </p>
          <p>
            <span class="sl">致竞巅峰系列充电线 苹果接口【...</span>
            <span class="price">￥60.00</span>
          </p>
          <p>
            <span class="sl">CF 葵 1/10正比例手办</span><br>
            <span class="price">￥399.00</span>
          </p>
          </div>
        </div>
        <div class="lH">
          <h5 class="tH1">推荐活动</h5>
          <img src="images/破天狂龙.jpg" alt="">
        </div>
        <div class="jH">
          <div class="dingbu">
            <h6>精彩活动</h6>
            <a class="youbian" href="">更多></a>
           </div>
           <div class="sanzhangtu">
             <a href=""><img src="images/特效.jpg" alt=""></a>
             <a href=""><img src="images/基金.jpg" alt=""></a>
             <a href=""><img src="images/传奇.jpg" alt=""></a>
            </div>
             <div class="xiab">
            <div class="onej">
              <p>全新限定！&nbsp;特殊动效武器！</p>
              <span>活动时间：2021-11-27~2021-12-05</span>
              <img src="images/images/小手手_03.jpg" alt="">
              <span>(2026)</span>
            </div>
            <div class="twoj">
              <p>CFS电竞基金</p>
              <span>活动时间：2021-11-27~2021-12-05</span>
              <img src="images/images/小手手_03.jpg" alt="">
              <span>(2026)</span>
            </div>
            <div class="fourj">
              <p>传说之路！</p>
              <span>活动时间：2021-11-27~2021-12-05</span>
              <img src="images/images/小手手_03.jpg" alt="">
              <span>(2026)</span>
            </div>
          </div>        
        </div>
      </div>
    </div>
    </section>


    <footer>

    </footer>


  </body>
</html>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/luobotu.js"></script>
<script src="js/xy.js"></script>
<script src="js/shouye.js"></script>
<script>
  // 当网页向下滑动 20px 出现"返回顶部" 按钮
  window.onscroll = function() {scrollFunction()};
 
 function scrollFunction() {;
     if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
         document.getElementById("myBtn").style.display = "block";
     } else {
         document.getElementById("myBtn").style.display = "none";
     }
 }
  
 // 点击按钮，返回顶部
 function topFunction() {
     document.body.scrollTop = 0;
     document.documentElement.scrollTop = 0;
 }
</script>
<script>
  $("footer").load("footer.html");
  $("hearder").load("hearder.html");
</script>
<script>
 
 fun();

</script>